Visual Studio、SQL Server、Git的安裝就跳過，直接從Visual Studio建立專案開始囉

今天目標

• 從Visual Studio建立一個新的專案
• 從Nuget上安裝Umbraco CMS package
• 在SQL Server建立一個名為 Umbraco30Day 的資料庫
• 選取一個Umbraco預設的網站範本

建立新專案

1. 檔案 => 新增 => 專案
2. 選擇 Visual C# > Web > ASP .NET Web Application (.NET Framework)
3. 確認 .NET Framework版本為 4.0 以上 (圖一)
4. 選擇 空白 範本，底下選項都不用勾選 (圖二)

圖一、新增專案

圖二、選擇空白範本

從Nuget安裝 Umbraco CMS

1. 方案總管 => 參考 => 右鍵 => 管理Nuget 套件 (圖三)
2. 瀏覽 => 搜尋 Umbraco CMS => 安裝 (圖四)
3. Nuget 會先進行解析後，提示將會安裝哪些東西進專案 (圖五)
4. 按確定並接受授權，就等Nuget將Umbrac CMS安裝進專案中吧，這步驟會花點時間
5. 安裝完成後，畫面會開啟一個 Readme.txt (圖六)

圖三、開啟Nuget管理視窗

圖四、搜尋Umbraco CMS 並安裝 (目前最新版為 7.5.4

圖五、解析完成後按確定進行安裝

圖六、安裝完成畫面

新增一個提供給Umbraco使用的資料庫

1. 開啟SQL Server Management Studio (SSMS)
2. 連線到資料庫 (圖七 範例為連線到本機安裝的資料庫，每個人的伺服器名稱跟驗證方式皆不同)
3. 物件總管 > 伺服器 > 資料庫展開 (圖八)
4. 對資料庫右鍵 > 新增資料庫 (圖九)
5. 輸入資料庫名稱，等把專案建置起來後會需要輸入此名稱 (圖十)
6. 檢查物件總管 > 伺服器 > 資料庫 > 有沒有步驟五輸入的資料庫名稱 (圖十一)

圖七、SSMS登入畫面

圖八、展開樹狀結構

圖九、新增資料庫

圖十、輸入資料庫名稱，等等會用到

圖十一、檢查是否有成功建立資料庫

回到 Visual Studio 並把專案建置

1. 按下F5 將專案進行建置並啟動偵錯
2. 第一次偵錯會因為Web.config沒有啟用偵錯，會提示要不要啟用。 就啟用吧! (圖十二)
3. 啟動後會開啟Umbraco預設的安裝頁面 (圖十三)
4. 輸入姓名、信箱、密碼，按Customize (圖十四)
5. 設定資料庫連線 (圖十五)
6. 選擇Database type : Microsoft SQL Server
7. 輸入剛剛SSMS的伺服器位置及資料庫名稱
8. 勾選 Use integrated authentication (用本機驗證的方式登入)
9. 選擇一個網站範本，方便學習Umbraco CMS是如何運作的 (隨便挑)
10. 安裝後他就會開啟 Umbraco CMS的後台 (圖十六)
11. 恭喜安裝成功!!

圖十二、啟用Web.config 偵錯

圖十三、Umbraco 預設安裝畫面

圖十四、輸入姓名,信箱,密碼

圖十五、設定資料庫連線

圖十六、Umbraco 後台

總結

• Visual Studio 建立新專案
• Nuget 安裝 Umbraco CMS package
• SQL Server 建立資料庫
• 初始化 Umbraco CMS站台並選擇網站範本

恭喜大家成功建立好自己的CMS囉!!